<template>
  <div>
    <div class="develop-info">
      <span>当前版本：V{{ version }}</span>
      <span class="develop-label">Powered By：</span>
      <a href="http://jingtuitui.com" class="company-link">jingtuitui.com</a>
    </div>
    <div class="mini-link-wrapper jtt-vertical-middle">
      <span class="iconfont icon-link icon-mini-link"></span>
      <span class="mini-link">京推推-打造京东导购内容新生态！</span>
    </div>
  </div>
</template>

<script>
import PackageJson from "../../package.json";
export default {
    data(){
        return {
             version: PackageJson.version,
        }
    }
};
</script>

<style lang="less" scoped>
  .develop-info {
    margin-top: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    .develop-label {
      margin-left: 22px;
    }
    .company-link {
      color: #6ea0e2;
    }
  }
  .mini-link-wrapper {
    margin-top: 9px;
    padding-left: 13px;
    height: 30px;
    background: rgba(129, 160, 222, 0.04);
    border-radius: 4px;
    span {
      display: inline-block;
      vertical-align: middle;
    }
    .icon-mini-link{
      color: #6ea0e2;
    }
    .mini-link {
      margin-left: 9px;
      font-size: 12px;
      font-weight: 400;
      color: #6ea0e2;
    }
  }
</style>